<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            
            .a {
                width: 200px;
                height: 200px;
                border: 2px solid black;
            }

        </style>
    </head>
    <body>
        <form action="http://www.baidu.com">
            <!-- 文本输入框 -->
            <input type="text" >
            <!-- 密文输入框 -->
            <input type="password">
            <!-- 文件上传 -->
            <input type="file">
            <!-- 日期 -->
            <input type="date">
            <input type="button" value="确定">

            <!-- checked默认选中 -->
            <!-- radio单选框 -->
            <input id="man" checked type="radio" name="gender">
            <label for="man">男</label>
            <input id="woman" type="radio" name="gender">
            <label for="woman">女</label>
            
            <!-- 多选框 -->
            <div>
                <input type="checkbox">乒乓球
            </div>
            <div>
                <input type="checkbox">篮球
            </div>
            <div>
                <input type="checkbox">羽毛球
            </div>
            
            <select>
                <option value="0">请选择你喜欢的水果</option>
                <option value="1">apple</option>
                <option value="2">orange</option>
                <option value="3">banana</option>

            </select>

            <textarea name="" id="" cols="30" rows="10"></textarea>

            <button>按钮</button>

            <input type="submit" value="提交">

            <input type="reset" value="重置">
        </form>
        
        <!-- contenteditable可编辑属性 -->
        <div class="a" contenteditable="true">
            
        </div>
        
    </body>
</html>